<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" type="text/css" href="./css/init.css">
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<link rel="stylesheet" type="text/css" href="./iconfont/iconfont.eot">
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
</head>
<body>
	<div class="top">
		<div class="top_min">
			<div class="top_left">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米网移动版</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">SelectRegion</a><span>|</span>
			</div>
			<div class="top_right">
				<a href="">登录</a>
				<span>|</span>
				<a href="">注册</a>
				<div class="gouwuche">
					<a href=""class="iconfont">&#xe60c;<span>&nbsp购物车(0)</span></a>
				</div>
			</div>
		</div>
	</div>
	<div class="headed">
		<div class="headed_mid">
			<div class="logo_out">
				<a href=""><div class="logo"></div></a>
				<a href=""><div class="miMax"></div></a>
			</div>
			<div class="nav">
				<ul>
					<li><a href="">小米手机</a></li>
					<li><a href="">红米</a></li>
					<li><a href="">平板</a></li>
					<li><a href="">电视</a></li>
					<li><a href="">盒子·影音</a></li>
					<li><a href="">路由器</a></li>
					<li><a href="">智能硬件</a></li>
					<li><a href="">服务</a></li>
					<li><a href="">社区</a></li>
				</ul>
			</div>
			<div class="search">
				<div class="search_text"><input type="text">
					<!-- <div class="search_mi4"><a href="">小米手机4c</a></div>
					<div class="search_car"><a href="">平衡车</a></div> -->
				</div>
				<div class="search_button">
					<a href=""><input class="iconfont" type="submit" value="&#xe616;"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="main_out">
		<div class="main_search">
			<ul class="img">
				<!-- <li><a href=""><img src="./img/img1.jpg" alt="" ></a></li> -->
				<!-- <li><a href=""><img src="./img/img2.jpg" alt="" ></a></li> -->
				<div><li><a href=""><img src="./img/img3.jpg" alt="" ></a></li></div>			
				<!-- <li><a href=""><img src="./img/img4.jpg" alt="" ></a></li>
				<li><a href=""><img src="./img/img5.jpg" alt="" ></a></li> -->
			</ul>
			<ul class="menu_list">
				<li><a href="">手机 平板 电话卡<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">电视 盒子<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">路由器 智能硬件<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">移动电源 插线板<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">耳机 音箱<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">电池 存储卡<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">保护套 后盖<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">贴膜 其他配件<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">米兔 服装<span class='iconfont'>&#xe622;</span></a></li>
				<li><a href="">箱包 其他周边<span class='iconfont'>&#xe622;</span></a></li>
			</ul>
			<div class="brother"></div>
			<span class="click_left"></span>
			<span class="click_right"></span>
		</div>
	</div>
	<div class="miui_ad">
		<div class="miui_mid"> 
			<div class="miui_phone">
				<div class="dianxin"><a href="">电信专场</a></div>
				<div class="qiye"><a href="">企业团购</a></div>
				<div class="guanfang"><a href="">官方产品</a></div>
				<div class="yidong"><a href="">小米移动</a></div>
				<div class="huanxin"><a href="">以旧换新</a></div>
				<div class="chongzhi"><a href="">话费充值</a></div>
			</div>
			<div class="miui_Note3"><a href=""><img src="./img/mi3.jpg"></a></div>
			<div class="miui_pingban4"><a href=""><img src="./img/pingban2.png"></a></div>
			<div class="miui_erji"><a href=""><img src="./img/erji.jpg"></a></div>
		</div>
	</div>
	<div class="danpin">
		<div class="danpin_mid">
			<div class="danpin_title">小米明星单品</div>
			<div class="danpin_fanye">
				<div class="zuofan"><input type="submit" value="<"></div>
				<div class="youfan"><input type="submit" value=">"></div>
			</div>
		</div>
		<div class="danpin_img">
			<div class="danpin_img_mid">
				<div style="border-top-color:red">
					<a href="">
						<img src="./img/danpin1.jpg">
						<p style="color:black">Yeelight床头灯</p>
						<p>触摸式操作 给卧室1600万种颜色</p>
						<p style="color:red">1799元起</p>
					</a>
				</div>
				<div style="border-top-color:blue">
					<a href="">
						<img src="./img/danpin2.jpg">
						<p style="color:black">小米盒子3 增强版</p>
						<p>高端 4K 网络机顶盒</p>
						<p style="color:red">399元</p>
					</a>
				</div>
				<div style="border-top-color:yellow">
					<a href=""><img src="./img/danpin3.jpg">
						<p style="color:black">小米手环 光感版</p>
						<p>心率、运动、睡眠全掌控</p>
						<p style="color:red">99元</p>
					</a>
				</div>
				<div style="border-top-color:pink">
					<a href=""><img src="./img/danpin4.jpg">
						<p style="color:black">移动电源10000mAh 高配版</p>
						<p>支持USB Type-C充放电，双向快充</p>
						<p style="color:red">149元</p>
					</a>
				</div>
				<div style="border-top-color:#4CC0B5">
					<a href=""><img src="./img/danpin5.jpg">
						<p style="color:black">小米活塞耳机 基础版</p>
						<p>全金属音腔，5色可选</p>
						<p style="color:red">29元</p>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="yingjian">
		<div class="yingjian_mid">
			<div class="biaoti">
				<div class="zhineng"><a href="">智能硬件</a></div>
				<div class="chakan"><a href="">查看全部 》》》</a></div>
			</div>
			<div class="yingjian_bottom">
				<a href=""><div class="yingjian_left"></div></a>
				<div class="yingjian_right">
				
					<div class="top">
						<div class="jingshuiqi"><a href=""><img src="./img/jingshuiqi.png"></a></div>
						<div class="luyouqi"><a href=""><img src="./img/luyouqi.png"></a></div>
						<div class="anfang"><a href=""><img src="./img/anfang.png"></a></div>
						<div class="shoubiao"><a href=""><img src="./img/shoubiao.png"></a></div>
					</div>
					<div class="bottom">
						<div class="pinghengche"><a href=""><img src="./img/pinghengche.png"></a></div>
						<div class="xiangji"><a href=""><img src="./img/xiangji.png"></a></div>
						<div class="shexiangji"><a href=""><img src="./img/shexiangji.png"></a></div>
						<div class="xueyaji"><a href=""><img src="./img/xueyaji.png"></a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="dapei">
		<div class="dapei_mid">
			<div class="dapei_top">
				<div class="dapei_left"><a href="">搭配</a></div>
				<div class="dapei_right">
					<ul>
						<a href=""><li>热门</li></a>
						<a href=""><li>耳机音箱</li></a>
						<a href=""><li>电源</li></a>
						<a href=""><li>电池储存卡</li></a>
					</ul>
				</div>
			</div>
			<div class="dapei_zhong">
				<div class="zhong1"><a href=""><img src="./img/zhong1.png"></a></div>
				<div class="zhong2"><a href=""><img src="./img/zhong2.png"></a></div>
				<div class="zhong3"><a href=""><img src="./img/zhong3.png"></a></div>
				<div class="zhong4"><a href=""><img src="./img/zhong4.png"></a></div>
				<div class="zhong5"><a href=""><img src="./img/zhong5.png"></a></div>
			</div>
			<div class="dapei_bottom">
				<div class="xia1"><a href=""><img src="./img/xia1.png"></a></div>
				<div class="xia2"><a href=""><img src="./img/xia2.png"></a></div>
				<div class="xia3"><a href=""><img src="./img/xia3.png"></a></div>
				<div class="xia4"><a href=""><img src="./img/xia4.png"></a></div>
				<div class="xia5">
					<div class="xia5_top"><a href=""><img src="./img/xiashang.png"></a></div>
					<div class="xia5_bottom"><a href=""><img src="./img/xiaxia.png"></a></div>
				</div>
			</div>
		</div>
	</div>
	<div class="peijian">
		<div class="peijian_mid">
			<div class="peijian_top">
				<div class="peijian_left"><a href="">配件</a></div>
				<div class="peijian_right">
					<ul>
						<a href=""><li>热门</li></a>
						<a href=""><li>保护套</li></a>
						<a href=""><li>后盖</li></a>
						<a href=""><li>贴膜</li></a>
						<a href=""><li>其他配件</li></a>
					</ul>
				</div>
			</div>
			<div class="peijian_zhong">
				<div class="zhong1"><a href=""><img src="./img/peijian1.png"></a></div>
				<div class="zhong2"><a href=""><img src="./img/peijian2.png"></a></div>
				<div class="zhong3"><a href=""><img src="./img/peijian3.png"></a></div>
				<div class="zhong4"><a href=""><img src="./img/peijian4.png"></a></div>
				<div class="zhong5"><a href=""><img src="./img/peijian5.png"></a></div>
			</div>
			<div class="peijian_bottom">
				<div class="xia1"><a href=""><img src="./img/peijian6.png"></a></div>
				<div class="xia2"><a href=""><img src="./img/peijian7.png"></a></div>
				<div class="xia3"><a href=""><img src="./img/peijian8.png"></a></div>
				<div class="xia4"><a href=""><img src="./img/peijian9.png"></a></div>
				<div class="xia5">
					<div class="xia5_top"><a href=""><img src="./img/xiashang.png"></a></div>
					<div class="xia5_bottom"><a href=""><img src="./img/xiaxia.png"></a></div>
				</div>
			</div>
		</div>
	<div class="zhoubian">
	<div class="zhoubian_mid">
		<div class="zhoubian_top">
			<div class="zhoubian_left"><a href="">周边</a></div>
			<div class="zhoubian_right">
				<ul>
					<a href=""><li>热门</li></a>
					<a href=""><li>服装</li></a>
					<a href=""><li>米兔</li></a>
					<a href=""><li>生活周边</li></a>
					<a href=""><li>箱包</li></a>
				</ul>
			</div>
		</div>
		<div class="zhoubian_zhong">
			<div class="zhong1"><a href=""><img src="./img/zhoubian1.png"></a></div>
			<div class="zhong2"><a href=""><img src="./img/zhoubian2.png"></a></div>
			<div class="zhong3"><a href=""><img src="./img/zhoubian3.png"></a></div>
			<div class="zhong4"><a href=""><img src="./img/zhoubian4.png"></a></div>
			<div class="zhong5"><a href=""><img src="./img/zhoubian5.png"></a></div>
		</div>
		<div class="zhoubian_bottom">
			<div class="xia1"><a href=""><img src="./img/zhoubian7.png"></a></div>
			<div class="xia2"><a href=""><img src="./img/zhoubian8.png"></a></div>
			<div class="xia3"><a href=""><img src="./img/zhoubian9.png"></a></div>
			<div class="xia4"><a href=""><img src="./img/zhoubian10.png"></a></div>
			<div class="xia5">
				<div class="xia5_top"><a href=""><img src="./img/zhoubian11.png"></a></div>
				<div class="xia5_bottom"><a href=""><img src="./img/xiaxia.png"></a></div>
			</div>
		</div>
	</div>

	<div class="weinituijian">
		<div class="weinituijian_mid">
			<div class="weinituijian_title">为您推荐</div>
			<div class="weinituijian_fanye">
				<div class="zuofan"><input type="submit" value="<"></div>
				<div class="youfan"><input type="submit" value=">"></div>
			</div>
		</div>
		<div class="weinituijian_img">
			<div class="weinituijian_img_mid">
				<div style="border-top-color:red">
					<a href="">
						<img src="./img/tuijian1.png">					
					</a>
				</div>
				<div style="border-top-color:blue">
					<a href="">
						<img src="./img/tuijian2.png">					
					</a>
				</div>
				<div style="border-top-color:yellow">
					<a href="">
						<img src="./img/tuijian3.png">					
					</a>
				</div>
				<div style="border-top-color:pink">
					<a href="">
						<img src="./img/tuijian4.png">					
					</a>
				</div>
				<div style="border-top-color:#4CC0B5">
					<a href="">
						<img src="./img/tuijian5.png">					
					</a>
				</div>
			</div>
		</div>
	</div>
</html>